@media screen and (min-width:1441px) and (max-width:1680px){
}

@media screen and (min-width:1000px) and (max-width:1440px){
.nav_about{padding-top:40px;}
.nav_about .line{padding-top:46px;}
.nav_about .item{margin-bottom:12px;}
.nav_about ul{padding:5px 0;}
.nav_about h3{font-size:13px;}
.nav_about h4{font-size:13px;}

/*body{height:auto;}
.header{position:relative;}
.banner{position:fixed;}
.body{height:auto;min-height:600px;}
.main{top:30px;bottom:30px;}
.footer{position:relative;}*/

.header{padding:15px 50px 0;}
.nav_main{width:420px;right:-420px;}
.nav_main .inner{padding:0 50px;}
.nav_main .d a{padding:28px;}
.serv{right:80px;}
.body .a_l{height:53px; line-height:49px; margin-left:-45px; margin-top:-40px;}
.body .a_r{height:53px; line-height:49px; margin-right:-45px; margin-top:-40px;}

.main{left:50px;top:85px;right:50px;}

.nav_service{padding-top:50px;}
.nav_service .line{padding-top:56px;}
.nav_service .item{margin-bottom:20px;}
.nav_service h3{font-size:12px;}
.nav_service h4{font-size:12px;}
.nav_service ul li{margin:7px 0;font-size:12px;}

#client{bottom:65px;}

.about .content .txt{font-size:12px;}

.case_detail .content .des{padding-top:10px;width:340px;}
.case_detail .content .des h3{font-size:20px;}
.case_detail .content .des .attr{font-size:14px;}
.case_detail .content .labels{position:absolute;right:0;bottom:0;margin-left:20px;width:40px;}
.case_detail .content .labels a{width:40px;height:40px;line-height:40px;margin:10px 0 0 0;}
.case_detail .content .labels a.a1{background-size:70% auto;}
.case_detail .content .labels a.a2{background-size:50% auto;}
.case_detail .content .labels a.a3{font-size:14px;}

.banner .d{width:1366px;background-size:1366px auto;}
.rotate .left .d{background-position:683px center;}
.rotate .right .d{background-position:-683px center;}
}

@media screen and (min-width:1024px) and (max-width:1280px){
/*------------------global------------------*/
.case{overflow:hidden;position:relative;}
.case .svg{position:absolute;width:100%;left:50%;
transform:translateX(-50%);-webkit-transform:translateX(-50%);}
.case .list .item{width:47%;}
.case_detail .content .des{margin-left:40px;width:40%;}
.service .box1 h3{font-size:30px;}

}

@media screen and (max-width:1023px){
.main{right:0;left:0;top:70px;bottom:70px;}
.a_l{display:none;}
.a_r{display:none;}
.main .bdr{display:none;}
.serv{right:55px;top:7px;margin-top:0;z-index:3;}
.serv .a1{display:none;}
.loaded .serv{transform:scale(0.7);-webkit-transform:scale(0.7);}

.nav_main{width:90%;right:-90%;}
.nav_main .inner{padding:0 25px;}
.nav_main .d a{padding:20px 10px;}
.nav_main .d h3{font-size:20px;}
.nav_main .d p{font-size:12px;}

.about .content{width:90%;margin:0;height:auto;
transform:translate(-50%,-53%);-webkit-transform:translate(-50%,-53%)}
.about .content h1{font-size:0.7rem;}
.about .content h2{font-size:0.3rem;margin-top:0.15rem;}
.about .content h3{font-size:0.2rem;margin-top:0.2rem;}
.about .content h4{font-size:0.2rem;margin-top:0.1rem;line-height:1.5;}
.about .content .txt{font-size:0.2rem;margin-top:0.2rem;line-height:1.3;}
.about .content .btn{margin-top:0.3rem;}
.banner .vbgm{display:block;}

.case .title h1{font-size:60px;}
.case .svg{position:absolute;left:50%;top:0;transform:translateX(-50%) scale(0.7);-webkit-transform:translateX(-50%) scale(0.7);}
.case .list{padding:40px 5px 0;}
.case .list .inner{overflow:auto;}
.case .list .close{right:10px;top:0px;width:25px;height:25px;background-size:contain;z-index:1;}
.case .list .item{width:46%;margin:0 2% 3%;}
.case .list .item .mask{opacity:1;}
.case .list .item .mask .b{display:none;}
.case .list .item .mask h3 a em{display:none;}
.case .list .item .mask h3 a strong{font-size:0.28rem;padding:0 0.3rem;line-height:1.3;color:rgba(255,255,255,0.8);}
.case .list .item:hover img{transform:none;-webkit-transform:none;}
.case_detail{z-index:1;}
.case_detail .close{right:15px;top:10px;width:25px;height:25px;background-size:contain;z-index:1;}
.case_detail .content{top:45px;right:15px;bottom:15px;left:15px;overflow:auto;}
.case_detail .content .pic{display:none;}
.case_detail .content .des{margin-left:0;width:100%;left:0;padding-top:0;}
.case_detail .content .mpic{display:block;}
.case_detail .content .des .tip{position:static;margin:15px 0 5px;}
.case_detail .content .des h1{font-size:20px;}
.case_detail .content .des h3{font-size:20px;}
.case_detail .content .des .attr{font-size:14px;}
.titbox h3{font-size:0.7rem;}
.titbox h4{font-size:0.42rem;}
.titbox p{font-size:0.24rem;}

.service{right:-100%;}
.nav_service{left:200%;}
.nav_sm{display:block;}
.service .box1 h2{font-size:0.44rem;}
.service .box1 h3{font-size:0.48rem;}
.service .box1 h4{font-size:0.24rem;padding:0 0.75rem;line-height:1.3;}
.service .box1 .text{padding:0 20px;display:none;}
.service .d .text2{font-size:0.3rem;color:#fff;padding:0 0.3rem;margin-top:25px;display:block;line-height:1.5;}
.banner .d{width:1300px;background-size:1300px auto;}
.banner .left .d{background-position:650px center;}
.banner .right .d{background-position:-650px center;}

.serv_dialog{left:0;bottom:0;width:0;height:0;overflow: hidden;}
}
@media screen and (max-width:767px){
.titbox h4{ margin-top:12px;font-size:0.32rem;}
.titbox h4 i{ padding-bottom: 14px;}
.titbox h3{ font-size:0.6rem;}
.titbox p{ margin-top:18px; padding-top:0px; background-size:320px auto !important;}
.c_0100_4 ul li .zbox .more{ padding-top: 4%;}
}